<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>CSS3评分统计柱形图进度条DEMO演示</title>

<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.2/css/all.min.css'>
<link rel="stylesheet" href="css/style.css">

</head>
<body>

<div class="reviews-container">
	<h2>Reviews</h2>
	<div class="review">
		<span class="icon-container">5 <i class="fas fa-star"></i></span>
		<div class="progress">
			<div class="progress-done" data-done="68"></div>
		</div>
		<span class="percent">68%</span>
	</div>
	<div class="review">
		<span class="icon-container">4 <i class="fas fa-star"></i></span>
		<div class="progress">
			<div class="progress-done" data-done="13"></div>
		</div>
		<span class="percent">13%</span>
	</div>
	<div class="review">
		<span class="icon-container">3 <i class="fas fa-star"></i></span>
		<div class="progress">
			<div class="progress-done" data-done="9"></div>
		</div>
		<span class="percent">9%</span>
	</div>
	<div class="review">
		<span class="icon-container">2 <i class="fas fa-star"></i></span>
		<div class="progress">
			<div class="progress-done" data-done="3"></div>
		</div>
		<span class="percent">3%</span>
	</div>
	<div class="review">
		<span class="icon-container">1 <i class="fas fa-star"></i></span>
		<div class="progress">
			<div class="progress-done" data-done="7"></div>
		</div>
		<span class="percent">7%</span>
	</div>
</div>

<script  src="js/script.js"></script>

<div style="text-align:center;clear:both;">
<script src="/gg_bd_ad_720x90.js" type="text/javascript"></script>
<script src="/follow.js" type="text/javascript"></script>
</div>

</body>
</html>